$(function() {
	$('#confirm-eliminar-hotel').hide();
	$('#cargando').hide();
	$('#ver-hotel').hide();
	
	$("#cargarhotel").submit(function(e) {	
		e.preventDefault();
		var data = $(this).serialize();
		$('#mensaje').hide( "slide", 300 );
		$('#mensaje #texto').text("");
		document.getElementById("cargarhotel").reset();
		$.post( "hotel-add-update.php", data, function(respuesta) {
			$('#mensaje #texto').append(JSON.parse(respuesta).mensaje);
			$('#mensaje').show( "slide", 1000 );
		} );
		$( "#tabs" ).tabs( "option", "active", 0 );
	});
		
	$("#cancelar").click(function(e) {
		document.getElementById("cargarhotel").reset();
		$.ajax({
			type: 'POST',
			url: 'hotel-add-update.php',
			data: 'clear',
			success: function(respuesta) {
				$( "#dropbox" ).html("");
				$("input[name='servicios[]']").each(function ()	{	
					$(this).attr('checked', null);							    
				});
				$( "#tabs" ).tabs( "option", "active", 0 );
		}});		
	});

});

function eliminarHotel(idHotel) {
	$( "#confirm-eliminar-hotel" ).dialog({			
        resizable: false,
        height:180,
        width:300,
        modal: true,
        buttons: {
            "Eliminar hotel": function() {
            	$('#mensaje').hide( "slide", 300 );
            	$('#mensaje #texto').text("");
            	$.ajax({
                	beforeSend: function() {
                		$("#cargando").dialog({
                            resizable: false,
                            height:100,
                            modal: true
                		});},
            		type: 'POST',
            		url: "hotel-del.php",
            		data: "id=" + idHotel,
            		success: function(respuesta) {
            			$('#cargando').dialog( "close" );
            			$('#mensaje #texto').append(JSON.parse(respuesta).mensaje);
            			$('#mensaje').show( "slide", 1000 );             	                			
            	}});              
                $( this ).dialog( "close" );
            },
            "Cancelar": function() {
                $( this ).dialog( "close" );
            }
        }
    });
}

function verHotel(idHotel) {
	$( "#ver-hotel" ).dialog({			
        resizable: false,
        height:400,
        width: 800
    });
   
    $.ajax({
    	beforeSend: function() {
    		$("#cargando").dialog({
                resizable: false,
                height:100,
                modal: true
    		});},
		type: 'POST',
		url: "hotel-view.php",
		data: "id=" + idHotel,
		success: function(respuesta) {
			$('#cargando').dialog( "close" );
			$('#ver-hotel').html(respuesta);       	                			
	}});
}

function modificarHotel(idHotel) {
	$( "#tabs" ).tabs( "option", "active", 1 );
    $.ajax({
    	beforeSend: function() {
    		$("#cargando").dialog({
                resizable: false,
                height:100,
                modal: true
    		});},
		type: 'POST',
		url: "hotel-get.php",
		data: "id=" + idHotel,
		success: function(respuesta) {
			$('#cargando').dialog( "close" );
			$campos = JSON.parse(respuesta);
			$('#idHotel').val($campos.idHotel);
			$('#nombre').val($campos.nombre);
			$('#pais').val($campos.pais);	
			$('#ciudad').val($campos.ciudad);	
			$('#direccion').val($campos.direccion);
			$('#estrellas').val($campos.estrellas);
			$('#descripcion').val($campos.descripcion);	
			$('#unidadPrecio').val($campos.unidadPrecio);	
			$('#precio').val($campos.precio);			
			var servicios = $campos.servicios;
			$("input[name='servicios[]']").each(function ()	{	
				$(this).attr('checked', null);							    
			});
			$("input[name='servicios[]']").each(function ()	{	
				if (jQuery.inArray($(this).val(), servicios) > -1) {
					$(this).attr('checked', 'checked');
				}			    
			});
	}});
}